﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Raffy Shop - Главная страница</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="shortcut icon" href="images/icon.ico" type="image/x-icon" />
</head>

<body>
<div class="content" align="center">

	
    
	<div class="title">
    
    </div>
    
    
    
	<nav>
    <a class="bt" href="#" id="news-tap">Новости</a>
    <a class="bt" href="#" id="about-tap">О нас</a>
	<a class="bt" href="#" id="prices-tap">Цены</a>
    <a class="bt" href="#" id="gallery-tap">Галерея</a>
    
	</nav>
    	
        <div class="how">
        Как заказать?
        </div>
        
        <div class="how-in">
        </div>
        
        <div class="korzina-in">
        Корзина пуста
        </div>
        <div class="mask">
        	<div class="close">
            X
            </div>
        </div>
    <div class="block">
    	<div class="bok">
        Новости
        </div>
        <div class="korzina">
        <a href="#">Корзина</a>
        </div>

        <div class="in">
        Дорогие друзья!

Браслеты делаются в Химках (Северо-Запад), поэтому передача товара возможна либо в Химках, на станциях метро Речной вокзал, Войковская, Планерная, либо доставка на дом.

Для покупателей из других регионов - возможна отправка экспресс-почтой с оплатой при получении.
        </div>
       
       <div class="side-block" id="about">
       	<div><a id='about'/></div>
						    	<div class="bok" style="background:#ABD1FC;">О нас</div>
            
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
  		
       </div> 
       
      <div class="side-block" id="prices">
			    	<div class="bok">
        Цены
        </div>
            
        	<div class="table">
	    	<table>
            <tr>
            	<td style="text-align:center;">Название</td>
                <td style="text-align:center;">Стоимость</td>
            </tr>
            <tr>
            	<td>1 тонкий браслет</td>
                <td></td>
            </tr>
             <tr>
            	<td>1 широкий браслет</td>
                <td></td>
            </tr>
            <tr>
            	<td>2 тонких браслета</td>
                <td></td>
            </tr>
            <tr>
            	<td>2 широких браслета</td>
                <td></td>
            </tr>
            <tr>
            	<td>3 тонких браслета</td>
                <td></td>
            </tr>
            <tr>
            	<td>3 широких браслета</td>
                <td></td>
            </tr> 
            <tr>
            	<td>Сет(1 тонкий + 1 широкий)</td>
                <td></td>
            </tr>           
            </table>
        </div>
      </div>  
        
	<div class="side-block" id="gallery">
    	<div class="bok" style="background:#ABD1FC;">
        Галерея
        </div>
        

        
        
        <div class="photoes">
        
        <div class="panel"><img src="images/1.jpg" /><span>Название браслета<button>Добавить в корзину</button></span></div>
        
    <!--    <img src="images/2.jpg" />
        <img src="images/3.jpg" />
         <img src="images/4.jpg" />
          <img src="images/5.jpg" />
        <img src="images/6.jpg" />
        <img src="images/7.jpg" />
        <img src="images/8.jpg" />
        <img src="images/9.jpg" />
        <img src="images/10.jpg" />
        <img src="images/11.jpg" />
        <img src="images/12.jpg" />
        <img src="images/13.jpg" />
        <img src="images/14.jpg" />
        <img src="images/15.jpg" />-->
        
         </div>
	</div>
  		
   <div class="side-block" id="footer">
   </div> 
        
    </div>
   
   
   
   <div class="tothetop">ВВЕРХ</div>
   
</div>
</body>
</html>
